import React from 'react';
import ReactDOM from 'react-dom/client';

const root = ReactDOM.createRoot(
  //  获取 id 为 root 的标签
  document.getElementById('root') as HTMLElement
);

// 元素组件
// const app = <h1> 你好 React</h1>
//  将组件写成函数的目的是让所有的组件都有一个自己的独立作用域
const App = () => {
  // return 后面的内容叫做 jsx， JavaScriptXML
  return<>
  <h1> 你好 React</h1>
  <h2> 你好 React</h2>
  </>
  // return <h1> 你好 React</h1>
}

// 入口的根元素渲染 app 组件
root.render(
  <App />
);

